<link rel="stylesheet" href="../lib/bootstrap-4.5/css/bootstrap.min.css">
<!-- 分页插件 -->
<link rel="stylesheet" href="../lib/pagation/page.css">
<link rel="stylesheet" href="../dist/css/index.min.css">
<link rel="stylesheet" href="../dist/css/home.min.css">
<link rel="stylesheet" href="../dist/css/invest.min.css">



<div class="container invest-body">
    <h4>投资列表</h4>
    <div class="btn-group btn-group-toggle" data-toggle="buttons">
        <label class="btn btn-secondary active">
          <input type="radio" name="options" id="option1" checked> 全部
        </label>
        <label class="btn btn-secondary">
          <input type="radio" name="options" id="option2"> 招标中
        </label>
        <label class="btn btn-secondary">
          <input type="radio" name="options" id="option3"> 还款中
        </label>
      </div>


 
  <!-- 列表 -->
  <table class="table table-striped">
      <thead>
          <tr>
              <th scope="col">借款人</th>
              <th scope="col">借款标题</th>
              <th scope="col">年利率</th>
              <th scope="col">金额</th>
              <th scope="col">还款方式</th>
              <th scope="col">进度</th>
              <th scope="col">操作</th>
          </tr>
      </thead>
      <tbody id="borrowList">
          <!-- 动态渲染数据 -->
      </tbody>
  </table>

      <!-- 插件分页功能 -->
      <div id="page"></div>
</div>

<script src="../lib/pagation/page.js"></script>
<script src="../js/home.js"></script>